草庐IT

Foundation 模态框

全部标签

javascript - 如何将输入字段数据从模态传递到 react-Native 中的容器?

这是我正在使用的:{}}>在容器中我不知道如何将数据从模态传递到父组件。任何类型的教程或链接都可以。提前致谢。 最佳答案 让我们假设您的模态框在/components/MyModal中单独归档以概括事物。您可以让您的Modal调用一个函数,在每次输入文本更改时通过props传递该函数。这是您可以使用的简单回调逻辑。尽可能避免使用refs。importMyModalfrom'../components/MyModal';...classHomeextendsComponent{onInputChanged=(changedText)=

javascript - 带有模态选项的 jQuery 对话框小部件的背景/覆盖错误

我正在使用jQuerydialogwidget在wordpress网站上使用modal选项。背景(叠加层)并非全是灰色,背景上有一条白色条纹。$("#popup").dialog({dialogClass:"alert",width:crmpJs.setup.social_popup_custom_content_use?crmpJs.setup.social_popup_setup_width:640,height:crmpJs.setup.social_popup_custom_content_use?crmpJs.setup.social_popup_setup_height:"

javascript - 模态弹出像谷歌

如何制作类似gmail的模态弹出窗口(当我们尝试上传exe时生成的弹出窗口覆盖页面的滚动条) 最佳答案 GMail在iframe上运行,覆盖层div不在此iframe内,因此它位于iframe的顶部,因此位于滚动条的顶部。来自GMail的代码html,body{height:100%;margin:0;overflow:hidden;/*noscrollbars(onlyintheiframe)*/width:100%;}.cO{/*thisistheiframe*/height:100%;width:100%;}.Kj-JD{ba

javascript - AngularJS - 将对象数据传递到模态

我有一个信息屏幕,我在其中使用中继器构建有关特定用户的信息。单击“编辑”按钮时,如何将特定用户对象数据传递到模态窗口模板中?HTML{{object.header}}({{object.relation}}){{o.label}}:{{o.value}}EditDeleteJSfunctionDepCtrl($scope,Dependents,$dialog){$scope.data=Dependents;vart=''+''+$scope.header.value+''+''+''+'Enteravaluetopasstocloseastheresult:'+''+''+'Close

javascript - Bootstrap - 在模态后面编辑 TextArea

我有一个使用Bootstrap3的网页。在这个页面中,我需要有一个文本区域,人们可以在其中输入他们的答案。答案是一个故事问题。故事问题出现在模态对话框中。可以在此Bootply中看到设置.代码如下所示:Answer(viewproblem)Thelocalschoolwantsanewplayground.Thelottheycanusefortheplaygroundisshapedlikearectangle.Theschoolhasdecidedtoletthestudentsdesignthenewplayground.Thestudentshavedecidedthatthe

javascript - 模态窗口和对话窗口有什么区别?

问题准确描述了我想知道的内容。模态窗口和对话之间有什么区别。当模态窗口变成对话时,反之亦然?我该如何着手实现两者?我们将不胜感激朝着正确方向的插入。 最佳答案 模态窗口是在应用程序之上运行的窗口,因此在关闭模态窗口之前您无法对应用程序执行任何操作。jQuery对话框不是一个单独的窗口,因此从技术上讲它不能是模式窗口。但是,它可以模拟模态窗口的大部分功能,方法是在页面的其余部分放置一个覆盖元素,这样您就无法与之交互。 关于javascript-模态窗口和对话窗口有什么区别?,我们在Stac

javascript - 将项目数据传递给 react 模态

我有一张map,只渲染了几个项目,其中一条线在下面this.setState({"openDeleteModal":true)}>Delete显然我想在用户点击删除时打开一个模式,但我必须传递一些东西,比如项目的名称、项目的id来执行删除。如何将says名称传递给模态?我可以像这样将obj名称绑定(bind)到a删除我走在正确的轨道上吗? 最佳答案 在React应用程序上工作时,尽量不要考虑将值传递给其他组件,而是更新组件所暴露的状态。在您的示例中,假设您的模态组件是您的a标签列表所属的同一组件的子组件,您可以设置您有兴趣在状态上公

javascript - Bootstrap v3 - 打开模态窗口强制页面向上滚动到顶部

当我打开模态窗口时,它会将背景上下文一直滚动到顶部。示例我在页面底部有打开模式窗口的链接。当我单击链接时,窗口将向上滚动到文档顶部,然后显示模态窗口。我对模态窗口的定位没有问题。我只是不希望在打开页面之前向上滚动。我主要使用来自BSv3(​​github上的最新版本)的默认CSS和几乎默认的模态主体。我正在使用JS填充模态框的标签和正文,然后打开它×Modaltitle 最佳答案 我遇到了同样的问题。我有一个按钮调用javascript函数来打开模式:openmodal并将其更改为:openmodal这解决了滚动到顶部的

javascript - 在 jQuery UI 模态对话框中显示 iframe 的加载动画

用户界面专家,我试图在jquery模式对话框中的iframe中加载一个慢速网站,但我遇到了麻烦。这是我的用例:打开一个jquery对话框,带有一个“正在加载...”gif在后台加载不同的URL加载后,将gif替换为URL我可以用下面的代码直接打开URL:varpopup=$('').prependTo('body');popup.prepend('');$('.dialogIFrame').attr("src",'http://myslowsite');$('.dialogIFrame').show();popup.dialog({modal:true,title:'Site',wid

javascript - 在 Bootstrap 模态中滚动到 DIV

我有3个按钮将触发相同的模式但需要滚动到不同的部分。我正在努力实现这一目标,请提供帮助。LaunchmodalLaunchmodalLaunchmodal............................................. 最佳答案 使用模态事件shown.bs.modal并为该部分使用data。打开模式的链接可以在event.relatedTarget中找到。给你:-$('#myModal').on('shown.bs.modal',function(event){//resetthescrolltotop$